<%--
  Created by IntelliJ IDEA.
  User: 23827
  Date: 2019/9/25
  Time: 21:34
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>预约的服务订单</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../plugins/layui/css/layui.css" media="all">

    <!-- 引入bootstrap框架的样式文件 -->
    <link rel="stylesheet" href="../plugins/bootstrap/css/bootstrap.css" type="text/css">
    <!-- 引入H+框架的样式文件 -->
    <link href="../plugins/Hplus-v.4.1.0/css/style.css?v=4.1.0" rel="stylesheet">

    <link rel="stylesheet" href="../css/order/reservedServiceOrder.css" type="text/css">

</head>



<body>

<!--响应式导航-->
<%@ include file="../common/nav.jsp"%>

<ul class="layui-nav" lay-filter="">

    <li class="layui-nav-item first-nav"><a href="releaseDemandOrder.jsp">发布的需求订单</a></li>
    <li class="layui-nav-item "><a href="reservedServiceOrder.jsp">预约的服务订单</a></li>
</ul>

<div class="layui-tab">
    <ul class="layui-tab-title">
        <li class="layui-this" id="all">全部</li>
        <li>待确认</li>
        <li>待付款</li>
        <li>待评价</li>
        <li>已完成</li>
    </ul>
    <div class="layui-tab-content">
        <p class="p1">预约的服务订单</p>
        <div class="input-group" id="table-text">
            <input type="text" placeholder="输入名称或者订单编号" class="input form-control" id="forthtext">
            <span class="input-group-btn">
                    <button type="button" class="btn btn btn-primary" id="forthbutton"> <i
                            class="fa fa-search"></i>搜索</button>
                </span>
        </div>
        <div class="layui-tab-item layui-show">
            <div id="table">
                <table class="table">
                    <thead>
                    <tr class="active">
                        <th>订单编号</th>
                        <th>订单名称</th>
                        <th>需求者昵称</th>
                        <th>服务费用</th>
                        <th>交易状态</th>
                        <th>服务状态</th>
                        <th></th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr class="default">
                        <td id="td-1">201909211436</td>
                        <td id="td-1">陪玩游戏</td>
                        <td id="td-1">李雨昂</td>
                        <td id="td-1">¥100.00</td>
                        <td id="td-1">待确认</td>
                        <td><button type="button" class="btn btn-primary" id="button-2">取消报名</button></td>
                    </tr>
                    <tr class="default">
                        <td id="td-1">201909211436</td>
                        <td id="td-1">陪玩游戏</td>
                        <td id="td-1">李雨昂</td>
                        <td id="td-1">¥100.00</td>
                        <td id="td-1">待确认</td>
                        <td><button type="button" class="btn btn-primary" id="button-2">取消报名</button></td>
                    </tr>
                    <tr class="default">
                        <td id="td-1">201909211436</td>
                        <td id="td-1">陪玩游戏</td>
                        <td id="td-1">李雨昂</td>
                        <td id="td-1">¥100.00</td>
                        <td id="td-1">待确认</td>
                        <td><button type="button" class="btn btn-primary" id="button-2">取消报名</button></td>
                    </tr>
                    <tr class="default">
                        <td id="td-1">201909211436</td>
                        <td id="td-1">陪玩游戏</td>
                        <td id="td-1">李雨昂</td>
                        <td id="td-1">¥100.00</td>
                        <td id="td-1">待确认</td>
                        <td><button type="button" class="btn btn-primary" id="button-2">取消报名</button></td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>

        <div class="layui-tab-item">
            <div id="table">
                <table class="table">
                    <thead>
                    <tr class="active">
                        <th>订单编号</th>
                        <th>订单名称</th>
                        <th>需求者昵称</th>
                        <th>服务费用</th>
                        <th>交易状态</th>
                        <th>服务状态</th>
                        <th></th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr class="default">
                        <td id="td-1">201909211436</td>
                        <td id="td-1">帮忙遛狗</td>
                        <td id="td-1">徐爽</td>
                        <td id="td-1">¥100.00</td>
                        <td id="td-1">待确认</td>
                        <td><button type="button" class="btn btn-primary" id="button-2">取消报名</button></td>
                    </tr>
                    <tr class="default">
                        <td id="td-1">201909211436</td>
                        <td id="td-1">帮忙遛狗</td>
                        <td id="td-1">徐爽</td>
                        <td id="td-1">¥100.00</td>
                        <td id="td-1">待确认</td>
                        <td><button type="button" class="btn btn-primary" id="button-2">取消报名</button></td>
                    </tr>
                    <tr class="default">
                        <td id="td-1">201909211436</td>
                        <td id="td-1">帮忙遛狗</td>
                        <td id="td-1">徐爽</td>
                        <td id="td-1">¥100.00</td>
                        <td id="td-1">待确认</td>
                        <td><button type="button" class="btn btn-primary" id="button-2">取消报名</button></td>
                    </tr>
                    <tr class="default">
                        <td id="td-1">201909211436</td>
                        <td id="td-1">帮忙遛狗</td>
                        <td id="td-1">徐爽</td>
                        <td id="td-1">¥100.00</td>
                        <td id="td-1">待确认</td>
                        <td><button type="button" class="btn btn-primary" id="button-2">取消报名</button></td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>

        <div class="layui-tab-item">
            <div id="table">
                <table class="table">
                    <thead>
                    <tr class="active">
                        <th>订单编号</th>
                        <th>订单名称</th>
                        <th>需求者昵称</th>
                        <th>服务费用</th>
                        <th>交易状态</th>
                        <th>服务状态</th>
                        <th></th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr class="default">
                        <td id="td-1">201909211436</td>
                        <td id="td-1">急送文件</td>
                        <td id="td-1">李宗伟</td>
                        <td id="td-1">¥100.00</td>
                        <td id="td-1">待确认</td>
                        <td><button type="button" class="btn btn-primary" id="button-2">取消报名</button></td>
                    </tr>
                    <tr class="default">
                        <td id="td-1">201909211436</td>
                        <td id="td-1">急送文件</td>
                        <td id="td-1">李宗伟</td>
                        <td id="td-1">¥100.00</td>
                        <td id="td-1">待确认</td>
                        <td><button type="button" class="btn btn-primary" id="button-2">取消报名</button></td>
                    </tr>
                    <tr class="default">
                        <td id="td-1">201909211436</td>
                        <td id="td-1">急送文件</td>
                        <td id="td-1">李宗伟</td>
                        <td id="td-1">¥100.00</td>
                        <td id="td-1">待确认</td>
                        <td><button type="button" class="btn btn-primary" id="button-2">取消报名</button></td>
                    </tr>
                    <tr class="default">
                        <td id="td-1">201909211436</td>
                        <td id="td-1">急送文件</td>
                        <td id="td-1">李宗伟</td>
                        <td id="td-1">¥100.00</td>
                        <td id="td-1">待确认</td>
                        <td><button type="button" class="btn btn-primary" id="button-2">取消报名</button></td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>

        <div class="layui-tab-item">
            <div id="table">
                <table class="table">
                    <thead>
                    <tr class="active">
                        <th>订单编号</th>
                        <th>订单名称</th>
                        <th>需求者昵称</th>
                        <th>服务费用</th>
                        <th>交易状态</th>
                        <th>服务状态</th>
                        <th></th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr class="default">
                        <td id="td-1">201909211436</td>
                        <td id="td-1">代打游戏</td>
                        <td id="td-1">桃田贤斗</td>
                        <td id="td-1">¥100.00</td>
                        <td id="td-1">待确认</td>
                        <td><button type="button" class="btn btn-primary" id="button-2">取消报名</button></td>
                    </tr>
                    <tr class="default">
                        <td id="td-1">201909211436</td>
                        <td id="td-1">代打游戏</td>
                        <td id="td-1">桃田贤斗</td>
                        <td id="td-1">¥100.00</td>
                        <td id="td-1">待确认</td>
                        <td><button type="button" class="btn btn-primary" id="button-2">取消报名</button></td>
                    </tr>
                    <tr class="default">
                        <td id="td-1">201909211436</td>
                        <td id="td-1">代打游戏</td>
                        <td id="td-1">桃田贤斗</td>
                        <td id="td-1">¥100.00</td>
                        <td id="td-1">待确认</td>
                        <td><button type="button" class="btn btn-primary" id="button-2">取消报名</button></td>
                    </tr>
                    <tr class="default">
                        <td id="td-1">201909211436</td>
                        <td id="td-1">代打游戏</td>
                        <td id="td-1">桃田贤斗</td>
                        <td id="td-1">¥100.00</td>
                        <td id="td-1">待确认</td>
                        <td><button type="button" class="btn btn-primary" id="button-2">取消报名</button></td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>

        <div class="layui-tab-item">
            <div id="table">
                <table class="table">
                    <thead>
                    <tr class="active">
                        <th>订单编号</th>
                        <th>订单名称</th>
                        <th>需求者昵称</th>
                        <th>服务费用</th>
                        <th>交易状态</th>
                        <th>服务状态</th>
                        <th></th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr class="default">
                        <td id="td-1">201909211436</td>
                        <td id="td-1">闲聊谈心</td>
                        <td id="td-1">安塞龙</td>
                        <td id="td-1">¥100.00</td>
                        <td id="td-1">待确认</td>
                        <td><button type="button" class="btn btn-primary" id="button-2">取消报名</button></td>
                    </tr>
                    <tr class="default">
                        <td id="td-1">201909211436</td>
                        <td id="td-1">闲聊谈心</td>
                        <td id="td-1">安塞龙</td>
                        <td id="td-1">¥100.00</td>
                        <td id="td-1">待确认</td>
                        <td><button type="button" class="btn btn-primary" id="button-2">取消报名</button></td>
                    </tr>
                    <tr class="default">
                        <td id="td-1">201909211436</td>
                        <td id="td-1">闲聊谈心</td>
                        <td id="td-1">安塞龙</td>
                        <td id="td-1">¥100.00</td>
                        <td id="td-1">待确认</td>
                        <td><button type="button" class="btn btn-primary" id="button-2">取消报名</button></td>
                    </tr>
                    <tr class="default">
                        <td id="td-1">201909211436</td>
                        <td id="td-1">闲聊谈心</td>
                        <td id="td-1">安塞龙</td>
                        <td id="td-1">¥100.00</td>
                        <td id="td-1">待确认</td>
                        <td><button type="button" class="btn btn-primary" id="button-2">取消报名</button></td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
<div>
    <ul class="pagination" style="margin-left:600px">
        <li><a href="#">&laquo;</a></li>
        <li><a href="#">1</a></li>
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
        <li><a href="#">4</a></li>
        <li><a href="#">5</a></li>
        <li><a href="#">&raquo;</a></li>
    </ul>
</div>
<%@ include file="../common/footer.jsp"%>



<script src="../plugins/layui/layui.all.js" charset="utf-8"></script>

<!-- bootstrap中的js插件依赖于jquery框架,所以必须先引入jquery的js文件 -->
<script src="../plugins/jquery/jquery.min.js"></script>
<!--引入bootstrap的js文件-->
<script src="../plugins/bootstrap/js/bootstrap.js"></script>

<script>
    layui.use('element', function () {
        var $ = layui.jquery
            , element = layui.element;

    });
</script>

</body>

</html>
